<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- 1、定义el元素 -->
		<div id="app">
			{{userList}}
		</div>
		<!-- 2、导入js文件 -->
		<!-- 2.1、导入vue的js文件 -->
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<!-- 2.2、导入axios的js文件 -->
		<script src="../js/axios.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 3、编写Vue代码 -->
		<script type="text/javascript">
			const vue = new Vue({
				//3.1、获取el对象
				el: "#app",
				//3.2、数据
				data: {
					userList: []
				},
				//3.3、方法
				methods: {
					//定义方法
					getAllUser:function(){
						//发送ajax请求
						axios.get("http://localhost:8081/findAll")
						//获取返回值，赋值给data中的数据
						.then(result => {
							this.userList = result.data
						})
						.catch(error => {
							console.log(error)
						})
					}
				},
				//3.4、页面加载完成，自动执行里面的方法
				mounted() {
					//3.4.1、自动调用methods中的方法
				}
			})
		</script>
	
	
	
	</body>
</html>
